<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Start your development with a Dashboard for Bootstrap 4.">
    <meta name="author" content="Creative Tim">
    <title>后台管理系统 - 雇主列表</title>
    <!-- Favicon -->
    <link rel="icon" href="/assets/img/brand/favicon.png" type="image/png">
    <!-- Fonts -->
    <link rel="stylesheet" href="">
    <!-- Icons -->
    <link rel="stylesheet" href="/assets/vendor/nucleo/css/nucleo.css" type="text/css">
    <link rel="stylesheet" href="/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css" type="text/css">
    <!-- Page plugins -->
    <link rel="stylesheet" href="/assets/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="/assets/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
    <link rel="stylesheet" href="/assets/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
    <!-- Argon CSS -->
    <link rel="stylesheet" href="/assets/css/argon.css?v=1.1.0" type="text/css">
</head>

<body>
<!-- Sidenav -->
<nav class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light bg-white" id="sidenav-main">
    <div class="scrollbar-inner">
        <!-- Brand -->
        <div class="sidenav-header d-flex align-items-center">
            <a class="navbar-brand" href="/admin/index">
                <img src="/assets/img/brand/blue.png" class="navbar-brand-img" alt="...">
            </a>
            <div class="ml-auto">
                <!-- Sidenav toggler -->
                <div class="sidenav-toggler d-none d-xl-block" data-action="sidenav-unpin" data-target="#sidenav-main">
                    <div class="sidenav-toggler-inner">
                        <i class="sidenav-toggler-line"></i>
                        <i class="sidenav-toggler-line"></i>
                        <i class="sidenav-toggler-line"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="navbar-inner">
            <!-- Collapse -->
            <div class="collapse navbar-collapse" id="sidenav-collapse-main">
                <!-- Nav items -->
                <div class="navbar-inner">
                    <!-- Collapse -->
                    <div class="collapse navbar-collapse" id="sidenav-collapse-main">
                        <!-- Nav items -->
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link" href="/admin/index" role="button" aria-expanded="false" aria-controls="navbar-dashboards">
                                    <i class="ni ni-shop text-primary"></i>
                                    <span class="nav-link-text">首页</span>
                                </a>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" href="#navbar-examples" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="navbar-examples">
                                    <i class="ni ni-ungroup text-orange"></i>
                                    <span class="nav-link-text">任务分类管理</span>
                                </a>
                                <div class="collapse " id="navbar-examples">
                                    <ul class="nav nav-sm flex-column">
                                        <li class="nav-item">
                                            <a href="/admin/task/category" class="nav-link">任务分类列表</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item ">
                                <a class="nav-link" href="#navbar-employer" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="navbar-employer">
                                    <i class="ni ni-circle-08"></i>
                                    <span class="nav-link-text">雇主管理</span>
                                </a>
                                <div class="collapse " id="navbar-employer">
                                    <ul class="nav nav-sm flex-column">
                                        <li class="nav-item ">
                                            <a href="/admin/employer/" class="nav-link">雇主列表</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="#navbar-employee" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="navbar-employee">
                                    <i class="ni ni-single-02"></i>
                                    <span class="nav-link-text">雇员管理</span>
                                </a>
                                <div class="collapse show" id="navbar-employee">
                                    <ul class="nav nav-sm flex-column">
                                        <li class="nav-item">
                                            <a href="/admin/employee/" class="nav-link">雇员列表</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#navbar-task" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="navbar-task">
                                    <i class="ni ni-credit-card"></i>
                                    <span class="nav-link-text">任务管理</span>
                                </a>
                                <div class="collapse" id="navbar-task">
                                    <ul class="nav nav-sm flex-column">
                                        <li class="nav-item">
                                            <a href="/admin/task/" class="nav-link">任务列表</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="/admin/task/check" class="nav-link">待审核任务列表</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nav>
<!-- Main content -->
<div class="main-content" id="panel">
    <!-- Topnav -->
    <nav class="navbar navbar-top navbar-expand navbar-dark bg-primary border-bottom">
        <div class="container-fluid">
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <!-- Navbar links -->
                <ul class="navbar-nav align-items-center ml-md-auto">
                </ul>
                <ul class="navbar-nav align-items-center ml-auto ml-md-0">
                    <li class="nav-item dropdown">
                        <a class="nav-link pr-0" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <div class="media align-items-center">
                              <span class="avatar avatar-sm rounded-circle">
                                <img alt="Image placeholder" src="/assets/img/timg.png">
                              </span>
                                <div class="media-body ml-2 d-none d-lg-block">
                                    <span class="mb-0 text-sm  font-weight-bold">[[${session.admin.username}]]</span>
                                </div>
                            </div>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
	<div class="dropdown-header noti-title">
		<h6 class="text-overflow m-0">Welcome!</h6>
	</div>
	<a href="/admin/task/category/" class="dropdown-item">
		<i class="ni ni-single-02"></i>
		<span>任务分类列表</span>
	</a>
	<a href="/admin/employer/" class="dropdown-item">
		<i class="ni ni-settings-gear-65"></i>
		<span>雇主列表</span>
	</a>
	<a href="/admin/employee/" class="dropdown-item">
		<i class="ni ni-calendar-grid-58"></i>
		<span>雇员列表</span>
	</a>
	<a href="/admin/task" class="dropdown-item">
		<i class="ni ni-support-16"></i>
		<span>任务列表</span>
	</a>
	<div class="dropdown-divider"></div>
	<a href="/admin/logout" class="dropdown-item">
		<i class="ni ni-user-run"></i>
		<span>退出登录</span>
	</a>
</div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- Header -->
    <!-- Header -->
    <div class="header bg-primary pb-6">
        <div class="container-fluid">
            <div class="header-body">
                <div class="row align-items-center py-4">
                    <div class="col-lg-6 col-7">
                        <h6 class="h2 text-white d-inline-block mb-0">任务分类列表</h6>
                        <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                            <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                                <li class="breadcrumb-item"><a href="#"><i class="fas fa-home"></i></a></li>
                                <li class="breadcrumb-item"><a href="#">任务分类管理</a></li>
                                <li class="breadcrumb-item active" aria-current="page">任务分类列表</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--6">
        <!-- Table -->
        <div class="row">
            <div class="col">
                <div class="card">
                    <!-- Card header -->
                    <div class="card-header">
                        <span class="mb-0" style="font-size: 20px; font-weight: bold; text-align: center">雇员列表</span>
                    </div>
                    <div class="table-responsive py-4">
                        <table class="table table-flush dataTable" id="datatable-buttons" role="grid">
                            <thead class="thead-light">
                            <tr>
                                <th rowspan="1" colspan="1">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            雇员ID
                                        </font>
                                    </font>
                                </th>
                                <th rowspan="1" colspan="1">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            雇员名称
                                        </font>
                                    </font>
                                </th>
                                <th rowspan="1" colspan="1">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            头像
                                        </font>
                                    </font>
                                </th>
                                <th rowspan="1" colspan="1">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            邮箱
                                        </font>
                                    </font>
                                </th>
                                <th rowspan="1" colspan="1">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            手机号
                                        </font>
                                    </font>
                                </th>
                                <th rowspan="1" colspan="1">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">
                                            创建时间
                                        </font>
                                    </font>
                                </th>
                            </tr>
                            </thead>
                            <tfoot>
                            </tfoot>
                            <tbody>
                            <tr th:each="employee : ${employees}">
                                <td>[[${employee.id}]]</td>
                                <td>[[${employee.username}]]</td>
                                <td>
                                    <a href="#" class="avatar rounded-circle">
                                        <img alt="Image placeholder" th:src="${employee.headImg}">
                                    </a>
                                </td>
                                <td>
                                    <span th:text="${employee.email != null ? employee.email : '暂未设置'}"></span>
                                </td>
                                <td>
                                    <span th:text="${employee.phone != null ? employee.phone : '暂未设置'}"></span>
                                </td>
                                <td>
                                    [[${#dates.format(employee.createTime, 'yyyy-MM-dd HH:mm:ss')}]]
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer -->
        <footer class="footer pt-0">
            <div class="row align-items-center justify-content-lg-between">
                <div class="col-lg-6">
                    <div class="copyright text-center text-lg-left text-muted">
                        &copy; 2019 <a href="https://www.creative-tim.com" class="font-weight-bold ml-1" target="_blank">yuu</a>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</div>

<!-- Argon Scripts -->
<!-- Core -->
<script src="/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/assets/vendor/js-cookie/js.cookie.js"></script>
<script src="/assets/vendor/jquery.scrollbar/jquery.scrollbar.min.js"></script>
<script src="/assets/vendor/jquery-scroll-lock/dist/jquery-scrollLock.min.js"></script>
<!-- Optional JS -->
<script src="/assets/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="/assets/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="/assets/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
<script src="/assets/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="/assets/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="/assets/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="/assets/vendor/datatables.net-select/js/dataTables.select.min.js"></script>
<!-- Argon JS -->
<script src="/assets/js/argon.js?v=1.1.0"></script>
<!-- Demo JS - remove this in your project -->
<script src="/assets/js/demo.min.js"></script>

<!-- 自定义 Script -->
<script type="text/javascript">
    /**
     * 添加分类
     */
    function addTaskCategory() {
        window.location.href = "/admin/task/category/form"
    }
</script>
</body>

</html>
